<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/reset.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/global.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/web.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/k15.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/ucCommon.css}"/>
</head>
<body>
<header th:replace="~{commons/tag::headerBar}"></header>
<div class="container">
    <!--左侧导航栏-->
        <ul class="nav" style="width: 150px;float: left">
            <li style="padding-top: 10px;font-size: 30px;width: 150px;height: 50px">订单中心</li>
            <li  style="margin-bottom:20px ">
                <a style="font-size: 20px" th:href="@{/order/all}">我的订单</a>
            </li>
            <li style="margin-bottom:20px ">
                <a style="font-size: 20px" th:href="@{/auction/all}">我的竞拍</a>
            </li>
            <li >
                <a style="font-size: 20px" th:href="@{/user/all}">个人信息</a>
            </li>
        </ul>

    <div style="float:right;width: 938px ">
        <div style="width: 938px;height: 45px">
            <a style="padding-top:5px;line-height:45px;font-size: 25px" th:href="@{/order/all}">全部订单</a>
            <a style="padding-top:5px;margin-left: 40px;font-size: 25px" th:href="@{/order/no}">待支付</a>
            <a style="padding-top:5px;margin-left: 40px;font-size: 25px" th:href="@{/order/already}">已完成</a>
            <a style="padding-top:5px;margin-left: 40px;font-size: 25px" th:href="@{/detail/all}">摊位租赁明细</a>
        </div>

        <div class="table-users" style="margin-top: 10px;overflow: auto;height: 500px">
            <table cellspacing="0" style="border-collapse: collapse;text-align: center" class="tab">
            <tr style="height: 50px">
                <td style="width:140px;font-size: 20px;padding-right: 50px;border-right: 1px solid #327a81">商铺图片</td>
                <td style="width:141px;font-size: 20px;padding-right: 50px;border-right: 1px solid #327a81">订单编号</td>
                <td style="width:141px;font-size: 20px;padding-right: 50px;border-right: 1px solid #327a81">支付状态</td>
                <td style="width:121px;font-size: 20px;padding-right: 50px;border-right: 1px solid #327a81">保证金</td>
                <td style="width:101px;font-size: 20px;padding-right: 50px;border-right: 1px solid #327a81">租金</td>
                <td style="width:121px;font-size: 20px;padding-right: 50px;border-right: 1px solid #327a81">店铺名</td>
                <td style="font-size: 20px">市场名</td>
            </tr>
            <tr  th:each="order,orderStat:${alreadyPay}" style="height: 80px" >
                <td style="font-size: 18px; border-right: 1px solid #327a81" >
                    <img th:src="'http://localhost:81/book/'+${order.stallImg}">
                </td>
                <td style="font-size: 18px; border-right: 1px solid #327a81;padding-bottom: 20px">[[${order.orderId}]]</td>
                <td style="font-size: 18px; border-right: 1px solid #327a81" th:text="已支付" ></td>
                <td style="font-size: 18px; border-right: 1px solid #327a81" th:text="${order.cash}"></td>
                <td style="font-size: 18px; border-right: 1px solid #327a81" th:text="${order.orderPrice}"></td>
                <td style="font-size: 18px; border-right: 1px solid #327a81" th:text="${order.stallName}"></td>
                <td style="font-size: 18px" th:text="${order.marketName}"></td>
            </tr>
            </table>
        </div>
    </div>
</div>

<footer th:replace="~{commons/tag::footBar}"></footer>
</body>
</html>